iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 15
0
自我挑戰組

跨領域的隨想系列 第 15

熟悉的index最對味---indexOf()與findIndex()

  • 分享至 

  • xImage
  •  

從JS基本語法接觸完後,蜜月期一過,就會遇到很多操作的方法。這一篇要聊聊array的方法之一——如何去找到所查找元素的索引號。


一開始我學到的方法是indexOf()

const arr=[1,2,3,4,5]            //建立一個陣列
console.log(arr.indexOf(1))      //查找1這個元素的索引號並顯示
                                 //顯示為0
console.log(arr.indexOf(6))      //查找6這個元素的索引號並顯示
                                 //顯示為-1

從上面的程式碼看到indexOf()會返回查找元素的索引號,如果沒有該元素則會返回-1。


之後碰到findIndex()這個陣列方法,從拼字就知道它的用途---find查找index索引號,跟indexOf()不一樣的是findIndex()括號裡面是放函式
如果在findIndex()裡面放元素的話...

const arr=[1,2,3,4,5]
console.log(arr.findIndex(1))   //會無法執行

把findIndex()裡面放函式的話...

const arr=[1,2,3,4,5]
console.log(arr.findIndex(function(e){return e===1}))  //顯示為0

因為是函式,所以如果想查找範圍性的就很方便,例如我想查找大於1的第一個元素的索引號:

const arr=[1,2,3,4,5]
console.log(arr.findIndex(function(e){return e>1}))  //找到2這個元素,並回傳2的索引號1

兩種index有關的array方法,熟悉的index最對味


上一篇
告別我很醜可是我很溫柔---溫柔又漂亮的CSS外框
下一篇
可不可以你也剛好好上手,jQuery說可以---為什麼想學jQuery
系列文
跨領域的隨想30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言